{#导入静态文件好调用css样式#}
{% load static %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>
        {% block title %}
        HAOKE-开发专业社区
        {% endblock %}
    </title>
    {#    样式统一在这里进行引入#}
    <link rel="stylesheet" href="{% static 'css/demo/base.css' %}">
    {#定义一个引入css的块，把每个页面不一样的css放在块里面，可以让其他模版重写这个块#}
    {% block link %}
        <link rel="stylesheet" href="{% static 'css/demo/classes.css' %}">
        <link rel="stylesheet" href="{% static 'css/demo/nav.css' %}">
    {% endblock %}

</head>

<body>
<div class="header">
    {% block header %}
    这是头部的内容
    {% endblock %}
</div>

<div class="main">
    {% block main %}
    这是主体内容
    {% endblock %}
</div>

</body>
</html>